<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery-3.4.1.js"></script>
		<script>
			$(function(){
				//$('#box p:eq(2)').css({'color':'red','font-size':'35px'});
				//$('#box p').eq(2).css({'color':'red','font-size':'35px'});
				//$('#box p').first().css({'color':'red','font-size':'35px'});
				
				//给所有元素加事件，点击不加on
				/*$("#box p").click(function(){
					//获得当前被点击的元素是否有class是one
					//alert('666');
					var re=$(this).hasClass('one');
					if(re){
						alert('hai');
					}
				})*/
				//找到#box里面所有p标签，从找到的结果中筛选出符合class是one的p标签
				//$('#box p').filter('.one').css({'color':'red','font-size':'25px'});
				/*$("#box p").click(function(){
					//获得当前被点击的元素是否有class是one
					//alert('666');
					var re=$(this).is('#three');
					if(re){
						alert('hai');
					}
				})*/
				//选择的是#box里面含有span标签的p标签
				//$('#box p').has('span').css({'color':'red','font-size':'35px'});
				//$('#box p').not('.one').css({'color':'red','font-size':'35px'});
				//选择#box里包含2号p标签，不包含5号p标签
				$('#box p').slice(2,5).css({'color':'red','font-size':'35px'});
				
				
			})
		</script>
	</head>
	<body>
		<div id="box">
			<p>后盾人 人人做后盾0</p>
			<p class="one">后盾人 人人做后盾1</p>
			<p>后盾人 人人做<span>后盾</span>2</p>
			<p id='three'>后盾人 <span>人人</span>做后盾3</p>
			<p>后盾人 人人做后盾4</p>
			<p>后盾人 人人做后盾5</p>
			<p>后盾人 人人做后盾6</p>
			<p>后盾人 人人做后盾7</p>
			<p></p>
			<p></p>
			<div>
				<p>我们也是p标签</p>
				<p>我们也是p标签</p>
				<p>我们也是p标签</p>
			</div>
		</div>
	</body>
</html>
